<!DOCTYPE HTML>
<html>
<head>
<title>Hotel  A Hotel category Flat bootstrap Responsive  Website Template | Rooms</title>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Hotel Deluxe Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--webfont-->
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/login.js"></script>
<script src="js/jquery.easydropdown.js"></script>
<script src="js/wow.min.js"></script>
<link href="css/animate.css" rel='stylesheet' type='text/css' />
<script>
	new WOW().init();
</script>
</head>
<body>
<div class="header">
		   <div class="col-sm-8 header-left">
					 <div class="logo">
						<a href="index.html"><img src="images/logo.png" alt=""/></a>
					 </div>
					 <div class="menu">
						  <a class="toggleMenu" href="#"><img src="images/nav.png" alt="" /></a>
						    <ul class="nav" id="nav">
						    	<li><a href="index.html">主页</a></li>
						    	<li class="active"><a href="rooms.html">房间</a></li>
						    	<li><a href="news.html">个人页面</a></li>
						    	<li><a href="gallery.html">图片</a></li>
						    	
								<div class="clearfix"> </div>
							</ul>
							<script type="text/javascript" src="js/responsive-nav.js"></script>
				    </div>	
				     <!-- start search-->
				      <div class="search-box">
							<div id="sb-search" class="sb-search">
								<form>
									<input class="sb-search-input" placeholder="Enter your search term..." type="search" name="search" id="search">
									<input class="sb-search-submit" type="submit" value="">
									<span class="sb-icon-search"> </span>
								</form>
							</div>
						</div>
						<!----search-scripts---->
						<script src="js/classie.js"></script>
						<script src="js/uisearch.js"></script>
						<script>
							new UISearch( document.getElementById( 'sb-search' ) );
						</script>
						<!----//search-scripts---->						
	    		    <div class="clearfix"> </div>
	    	    </div>
	          <div class="col-sm-4 header_right">
	    		      <div id="loginContainer"><a href="#" id="loginButton"><img src="images/login.png">
							  <span>
								<a href="lowin.html">Login</a>
							  </span>
			             </div>
		                 <div class="clearfix"></div>
	                 </div>
	                <div class="clearfix"></div>
   </div>
    </div>
   </div>
   <div class="living_middle">
   	  <div class="container">
   	  		<h2 class="title block-title">酒店房间列表</h2>
   	    <div class="col-md-4 wow fadeInLeft" data-wow-delay="0.4s">
   	    	<div class="living_box"><a href="#">
			    <img src="images/l1.jpg" class="img-responsive" alt=""/>
				<span class="sale-box">
				  <span class="sale-label">单人房</span>
			    </span>
				</a>
				<div class="living_desc">
				<h3><a href="#">单人房</a></h3>
				<p>单人居住哦 </p>
				<a href="single.html" class="btn3">订</a>
				<p class="price">$100.00</p>
				</div>
			    <table border="1" class="propertyDetails">
                <tbody><tr>
                   <td><img src="images/area.png" alt="" style="margin-right:7px;">12㎡</td>
                   <td><img src="images/bed.png" alt="" style="margin-right:7px;">1 Beds</td>
                   <td><img src="images/drop.png" alt="" style="margin-right:7px;">1 Baths</td>
                    </tr>
                </tbody></table>
			</div>
		 </div>
   	     <div class="col-md-4 wow fadeInLeft" data-wow-delay="0.4s">
   	     	<div class="living_box"><a href="#">
			    <img src="images/l2.jpg" class="img-responsive" alt=""/>
				<span class="sale-box">
				  <span class="sale-label">双人房</span>
			    </span>
				</a>
				<div class="living_desc">
				<h3><a href="#">双人房</a></h3>
				<p>两个人住哦 </p>
				<a href="single.html" class="btn3">订</a>
				<p class="price">$189.00</p>
				</div>
			    <table border="1" class="propertyDetails">
                <tbody><tr>
                   <td><img src="images/area.png" alt="" style="margin-right:7px;">24m</td>
                   <td><img src="images/bed.png" alt="" style="margin-right:7px;">2 Beds</td>
                   <td><img src="images/drop.png" alt="" style="margin-right:7px;">1 Baths</td>
                    </tr>
                </tbody></table>
			</div>
   	     </div>
   	     <div class="col-md-4 wow fadeInLeft" data-wow-delay="0.4s">
   	     	<div class="living_box"><a href="#">
			    <img src="images/l3.jpg" class="img-responsive" alt=""/>
				<span class="sale-box">
				  <span class="sale-label">情侣套房</span>
			    </span>
				</a>
				<div class="living_desc">
				<h3><a href="#">情侣套房</a></h3>
				<p>情侣套房哦 </p>
				<a href="single.html" class="btn3">Rent</a>
				<p class="price">$200.00</p>
				</div>
			    <table border="1" class="propertyDetails">
                <tbody><tr>
                   <td><img src="images/area.png" alt="" style="margin-right:7px;">20 m</td>
                   <td><img src="images/bed.png" alt="" style="margin-right:7px;">1 Beds</td>
                   <td><img src="images/drop.png" alt="" style="margin-right:7px;">1 Baths</td>
                    </tr>
                </tbody></table>
			</div>
   	      </div>

   	    </div>
   </div>
<div class="living_middle">
	<div class="container">
		<div class="col-md-4 wow fadeInLeft" data-wow-delay="0.4s">
			<div class="living_box"><a href="#">
				<img src="images/l1.jpg" class="img-responsive" alt=""/>
				<span class="sale-box">
				  <span class="sale-label">单人房</span>
			    </span>
			</a>
				<div class="living_desc">
					<h3><a href="#">单人房</a></h3>
					<p>单人居住哦 </p>
					<a href="single.html" class="btn3">订</a>
					<p class="price">$100.00</p>
				</div>
				<table border="1" class="propertyDetails">
					<tbody><tr>
						<td><img src="images/area.png" alt="" style="margin-right:7px;">12㎡</td>
						<td><img src="images/bed.png" alt="" style="margin-right:7px;">1 Beds</td>
						<td><img src="images/drop.png" alt="" style="margin-right:7px;">1 Baths</td>
					</tr>
					</tbody></table>
			</div>
		</div>
		<div class="col-md-4 wow fadeInLeft" data-wow-delay="0.4s">
			<div class="living_box"><a href="#">
				<img src="images/l2.jpg" class="img-responsive" alt=""/>
				<span class="sale-box">
				  <span class="sale-label">双人房</span>
			    </span>
			</a>
				<div class="living_desc">
					<h3><a href="#">双人房</a></h3>
					<p>两个人住哦 </p>
					<a href="single.html" class="btn3">订</a>
					<p class="price">$189.00</p>
				</div>
				<table border="1" class="propertyDetails">
					<tbody><tr>
						<td><img src="images/area.png" alt="" style="margin-right:7px;">24m</td>
						<td><img src="images/bed.png" alt="" style="margin-right:7px;">2 Beds</td>
						<td><img src="images/drop.png" alt="" style="margin-right:7px;">1 Baths</td>
					</tr>
					</tbody></table>
			</div>
		</div>
		<div class="col-md-4 wow fadeInLeft" data-wow-delay="0.4s">
			<div class="living_box"><a href="#">
				<img src="images/l3.jpg" class="img-responsive" alt=""/>
				<span class="sale-box">
				  <span class="sale-label">情侣套房</span>
			    </span>
			</a>
				<div class="living_desc">
					<h3><a href="#">情侣套房</a></h3>
					<p>情侣套房哦 </p>
					<a href="single.html" class="btn3">Rent</a>
					<p class="price">$200.00</p>
				</div>
				<table border="1" class="propertyDetails">
					<tbody><tr>
						<td><img src="images/area.png" alt="" style="margin-right:7px;">20 m</td>
						<td><img src="images/bed.png" alt="" style="margin-right:7px;">1 Beds</td>
						<td><img src="images/drop.png" alt="" style="margin-right:7px;">1 Baths</td>
					</tr>
					</tbody></table>
			</div>
		</div>

	</div>
</div>
